<template>
  <!-- 状态栏占位（适配沉浸式状态栏） -->
  <view class="status-bar" :style="{ height: statusBarHeight + 'px' }"></view>
  
  <!-- 页面主体 -->
  <view class="container">
    <!-- 应用LOGO -->
    <image class="logo" src="/static/logo.jpg" mode="aspectFit"></image>
    
    <!-- 版权声明主体 -->
    <view class="copyright-card">
      <text class="title">版权声明</text>
      
      <!-- 法律声明内容 -->
      <scroll-view scroll-y class="content-box">
        <text class="copyright-text">
          Copyright © {{ startYear }}-{{ currentYear }} {{ companyName }} 版权所有\n
          本应用所有内容（包括但不限于文字、图标、图像、代码等）均受《[中华人民共和国著作权法](@replace=10001)》及国际版权公约保护。\n\n
          未经书面明确授权，任何单位或个人不得：\n
          1. 复制、修改、分发本应用的全部或部分内容\n
          2. 将本应用用于商业目的\n
          3. 删除或更改任何版权标识、商标或其他权利声明\n\n
          法律顾问：{{ legalDepartment }}\n
          侵权举报邮箱：{{ contactEmail }}
		  备案/许可证编号：辽ICP备2025059374号
        </text>
      </scroll-view>
      
      <!-- 官方链接 -->
      <view class="official-links">
        <text @click="openWebsite">访问官网</text>
        <text>|</text>
        <text @click="openPrivacyPolicy">隐私政策</text>
      </view>
    </view>
    
    <!-- 版本信息 -->
    <view class="version">
      版本号：{{ version }} (Build {{ buildNumber }})
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      statusBarHeight: 0,  // 动态状态栏高度
      startYear: 2023,      // 应用首发年份
      currentYear: new Date().getFullYear(),
      companyName: "沈阳科蓝金属科技有限公司",
      legalDepartment: "江苏法正律师事务所",
      contactEmail: "legal@yourcompany.com",
      version: "2.1.0",
      buildNumber: "2025061301"
    };
  },
  onLoad() {
    // 获取设备状态栏高度
    const systemInfo = uni.getSystemInfoSync();
    this.statusBarHeight = systemInfo.statusBarHeight;
  },
  methods: {
    openWebsite() {
      const url = 'http://www.baoyuwangluokeji.com.cn/website/';
      
      // 判断平台并执行跳转
      // #ifdef APP-PLUS
      plus.runtime.openURL(url); // APP环境使用原生打开
      // #endif
      
      // #ifdef H5
      window.open(url, '_blank'); // H5环境新窗口打开
      // #endif
      
      // #ifdef MP-WEIXIN || MP-ALIPAY
      uni.setClipboardData({     // 小程序环境复制链接提示
        data: url,
        success: () => {
          uni.showModal({
            title: '请在浏览器中打开',
            content: '链接已复制到剪贴板，请粘贴到浏览器访问',
            showCancel: false
          });
        }
      });
      // #endif
    },
    openPrivacyPolicy() {
      uni.navigateTo({
        url: '/pages/policy/privacy'
      });
    }
  }
};
</script>

<style scoped>
/* 状态栏适配 */
.status-bar {
  background-color: #f8f8f8;
}

/* 主体容器 */
.container {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100vh;
  background: linear-gradient(135deg, #f9f9ff 0%, #eef2ff 100%);
  padding: 40rpx;
}

/* 品牌标识 */
.logo {
  width: 180rpx;
  height: 180rpx;
  margin-top: 60rpx;
  margin-bottom: 40rpx;
}

/* 版权卡片 */
.copyright-card {
  width: 90%;
  background: white;
  border-radius: 24rpx;
  box-shadow: 0 10rpx 30rpx rgba(0, 0, 150, 0.08);
  padding: 40rpx;
  margin-bottom: 50rpx;
}

.title {
  display: block;
  text-align: center;
  font-size: 38rpx;
  font-weight: 600;
  color: #2c3e50;
  margin-bottom: 30rpx;
}

/* 可滚动内容区域 */
.content-box {
  max-height: 550rpx;
  margin-bottom: 40rpx;
}

.copyright-text {
  font-size: 28rpx;
  line-height: 1.8;
  color: #555;
  white-space: pre-line;
}

/* 法律链接 */
.official-links {
  display: flex;
  justify-content: center;
  gap: 30rpx;
  font-size: 26rpx;
  color: #3498db;
  border-top: 1rpx solid #eee;
  padding-top: 30rpx;
}

/* 版本信息 */
.version {
  font-size: 24rpx;
  color: #95a5a6;
  position: absolute;
  bottom: 40rpx;
}
</style>